<?xml version='1.0' encoding='UTF-8' ?>
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./layout/mainTemplate.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"  
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns="http://www.w3.org/1999/xhtml">
    <ui:define name="top">
        <h:outputLabel value="Rutas" class="tituloPrincipal"/>
    </ui:define>

    <ui:define name="left">
    </ui:define>
    <ui:define name="content">
        <h:form id="contenido">
            <p:messages id="messages" showDetail="true" autoUpdate="true" closable="true" > 
                <p:effect type="fade" event="load" delay="2000" />
            </p:messages>


            <p:panel header="Ruta">
                <p:panelGrid columns="1">
                    
  
                    <p:dataTable id="rutastable" var="ruta" value="#{rutaAction.rutas}" paginator="true" rows="10">  
                                <!-- selection="{rutaAction.rutaSeleccionada}" selectionMode="single" rowKey="{ruta.idRuta}"-->  


                                                
                        <f:facet name="header">  
                            LISTADO DE RUTAS 
                        </f:facet>  

                        <p:column headerText="ID">  
                            #{ruta.idRuta}  
                        </p:column>  

                        <p:column headerText="FECHA">  
                            #{ruta.fecha}  
                        </p:column>  
                        
                        <p:column headerText="USUARIO">  
                            #{ruta.empleado.usuario.nombre}  
                        </p:column>  

                        <p:column headerText="CEDULA" >  
                            #{ruta.empleado.cedulaRuc}  
                        </p:column>  

                        <p:column headerText="NOMBRE">  
                            #{ruta.empleado.nombres}  
                        </p:column>  
                        
                        <p:column headerText="APELLIDO">  
                            #{ruta.empleado.apellidos}  
                        </p:column>  
                                
                        <p:column style="width:8%">  
                            <p:commandLink id="selectButton" title="Modificar" value="Modificar" action="#{rutaAction.onRowSelect(ruta)}" ajax="false"/>                                  
                        </p:column> 
                         
                        <p:column style="width:8%">  
                            <p:commandLink id="selectButton1" title="Eliminar" value="Eliminar" action="#{rutaAction.eliminarRuta(ruta)}" ajax="false"/>                                  
                        </p:column> 
                         
                         <f:facet name="footer">
                             <p:commandButton id="btnNuevaRuta" action="#{rutaAction.nuevaRuta()}" label="Nueva Ruta" value="Nueva Ruta" style="float: right" ajax="false"/>
                         </f:facet> 
                    </p:dataTable>
                </p:panelGrid>
                    
            </p:panel>
            
        </h:form>
    </ui:define>
</ui:composition>
